html{
    font-size: calc(100vw/7.5);
}
*{
    margin:0px;
    padding:0px;
    font-family: "Microsoft YaHei UI";
}
a{ color: #ffffff;text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a{
    text-decoration:none;
}
ul,li{
    list-style:none;
}
img{
    max-width: 100%;
    border:0px;
}
input{
    outline:none;
}
/*头部*/
#header{
    width: 100%;
    height: 1.8rem;
    color: #fff;
    line-height: 1.8rem;
    font-size:0.56rem;
    font-weight: 100;
    background-color: #000000;
}
#header .return{vertical-align:middle;width:1rem;height:1rem}
#header .title{font-size: 0.72rem;text-align: center; margin-left:15%;}
#header .more{margin-left:20%;vertical-align: middle;width:1rem;height:1rem}
/*标题*/
#title{width: 100%;height: 1.8rem;background-color:#FDDA31;}
#title .result{font-size: 0.64rem;text-align: center;vertical-align: text-bottom;line-height: 1.8rem;margin-left:43%}
#title .cus{width:1.5rem;height:1.5rem;float: right;margin-top:0.1rem;margin-right:0.5rem;}

/*内容*/
#content{width:100%;background-color: #F6F6F6;padding-top:1.2rem}
/*健康评估*/
#content .h_assessment{width:100%;background-color: #F6F6F6;}
/*#content .h_weight .h_top{width: 100%;border: 1px solid red}*/
#content .h_assessment .h_top img{height:1.2rem;width: 1.2rem;margin-bottom: -0.3rem}
#content .h_assessment .h_top label{font-size: 0.6rem;font-weight: bold;line-height: 1.2rem;vertical-align: middle;margin-left: -0.5rem}
#content .h_assessment .h_cont{width: 90%;margin-left:3%; margin-right:2%;
    padding-left:2%;padding-right:2%;padding-top:0.84rem;padding-bottom: 0.8rem;
    border-radius:0.3rem;border: 1px solid #9d9d9d;background-color: #FFFFFF}
#content .h_assessment .h_cont p{font-size:0.48rem;font-weight:500;font-family: "Microsoft YaHei UI";line-height:1rem}
#content .h_assessment .h_cont .p2{margin-top:1rem;font-size:0.48rem;font-weight:600;line-height:0.8rem;color: #FF822E;}
/*健康四要素*/
#content .h_four{width: 94%;margin-top:0.74rem;margin-left:3%; margin-right:3%;border-radius:0.3rem;
    border: 1px solid #9d9d9d;background-color: #FFFFFF}
#content .h_four .f_title{width:100%;height:1rem;font-size: 0.6rem;font-weight: bold;line-height:1rem;text-align: center;background-color: #FDDA31;
    border-top-left-radius:0.3rem;border-top-right-radius: 0.3rem;margin-bottom: 0.5rem;}
#content .h_four .f_content{width:98%;padding-left:2%;padding-right:1%;border-radius:0.5rem;padding-bottom: 0.8rem;}
#content .h_four .f_content .span1{font-size: 0.56rem;font-weight:600;color: #FD8E1B;}
#content .h_four .f_content  .p2{font-size:0.48rem;font-weight:500;line-height:0.8rem;font-family: "Microsoft YaHei UI"}
/*体重管理*/
#content .h_weight{width:100%;background-color: #F6F6F6;margin-top: 0.6rem;}
/*#content .h_weight .h_top{width: 100%;border: 1px solid red}*/
#content .h_weight .h_top img{height:1.2rem;width: 1.2rem;margin-bottom: -0.3rem}
#content .h_weight .h_top label{font-size: 0.6rem;font-weight: bold;line-height: 1.2rem;vertical-align: middle;margin-left: -0.5rem}
#content .h_weight .h_cont{width: 90%;margin-left:3%; margin-right:2%;
    padding-left:2%;padding-right:2%;padding-top:0.84rem;padding-bottom: 0.8rem;
    border-radius:0.3rem;border: 1px solid #9d9d9d;background-color: #FFFFFF}
#content .h_weight .h_cont p{font-size:0.48rem;font-weight:500;font-family: "Microsoft YaHei UI";line-height:1rem}
#content .h_weight .h_cont .p2{margin-top:1rem;font-size:0.48rem;font-weight:600;line-height:0.8rem;color: #FF822E;}

/*健康指数*/
#content .h_index{width: 90%;margin-top:0.84rem;margin-left:3%; margin-right:2%;
    padding-left:2%;padding-right:2%;padding-top:0.8rem;padding-bottom: 0.8rem;
    border-radius:0.3rem;border: 1px solid #9d9d9d;background-color: #FFFFFF}
#content .h_index .index_content img{display: block;margin: 0 auto}
#content .h_index .index_content p{font-size: 0.6rem;font-weight:600;text-align: center;margin-bottom:0.7rem}
#content .h_index .p_start{font-size:0.48rem;font-weight:500;line-height:0.8rem;font-family: "Microsoft YaHei UI"}
.xingxing{text-align: center;height: 1.3rem}
.xingxing img{width:4rem;height:1.3rem}
/*测试按钮*/
#content .btn{
    width:60%;
    height:1.44rem;
    outline: none;
    color:#9DC656 ;
    text-align: center;
    line-height: 1.44rem;
    margin-top:1.7rem;
    margin-bottom: 2rem;
    margin-right:20%;
    margin-left: 20%;
    font-size:0.56rem;
    border-radius: 0.8rem;
    background-color: #F6F6F6;
    border:2px solid #9DC656;
}

/*2018-10-12新增预约挂号模块*/
.clearfix {
    * zoom: 1;       /*zoom:1;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。*/
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}
.clearfix:after {
    clear: both
}

.h_line{
    width:100%;
    height:1px;
    background:#bfbfbf;
    margin:0.5rem 0;
}

.h_footer{
    width:90%;
    height:auto;
    /*position:fixed;*/
    margin:0 auto;
    /*left:0;*/
    /*right:0;*/
    margin-bottom: 2.56rem;
}

.h_footer_btn{
    display:inline-block;
    width:47%;
    height:1.44rem;
    outline: none;
    color:#9DC656 ;
    text-align: center;
    line-height: 1.44rem;
    font-size:0.56rem;
    border-radius: 0.8rem;
    background-color: #F6F6F6;
    border:2px solid #9DC656;
    float:right;
}
.enter_register{
    float:left;
    border:2px solid #6fb92a;
    color:#fff;
    background: -webkit-linear-gradient(left, #8abc06, #57b547); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #8abc06, #57b547); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #8abc06, #57b547); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #8abc06 , #57b547); /* 标准的语法（必须放在最后） */
}

